<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
</head>
<body>

<!--参数	描述
title	                提示框标题
text	                提示内容
type	                提示类型。如：success(成功)，error(失败或错误)，warning(警告)，input(输入)
showCancelButton	    是否显示取消按钮，默认为false是不显示的。
animation	            提示框弹出时的动画效果
html	                是否支持html内容,默认是false,跟text一起用。
timer	                设置自动关闭提示框时间（毫秒）
showConfirmButton	    是否显示确定按钮，默认为true是显示，一般跟confirmButtonText一起使用。
confirmButtonText	    定义确定按钮文本内容，默认为OK。
imageUrl	            定义弹出框中的图片地扯-->



<button onclick="fun()">按钮</button>

<script type="text/javascript">

        //  swal("简单的提示消息！");



       // swal("删除失败","你是不是没有传参",'error');


      /*  swal({
            title: "警告消息",
            text:'<h3 style="color:red">123</h3>',
            html:true,
            type: "warning",
            confirmButtonText: "确定",

        });
*/


        swal({
            title: "警告消息",
            text:'<h3 style="color:red">123</h3>',
            html:true,
         //   type: "warning",
            confirmButtonText: "确定",
            imageUrl:"./1.PNG"
        });


        swal({
            title: '提示',
            text: "确认删除吗？",
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: '确认',
            cancelButtonText: '取消',
            showLoaderOnConfirm: true, //加载按钮是否可见

        });

setTimeout(function (){

    swal({
        title: "请稍等",
        text:"正在添加数据，请稍候...",
        type: "warning",
        showConfirmButton:false,
        allowOutsideClick: false //弹框外是否可点
    });

},3000)

/*

         fun();



         //后面的swal对象会将前面的对象覆盖
        function fun(){

            setTimeout(function (){

                swal({
                    title: "新建成功",
                    type: "success",
                    showConfirmButton: false,
                    timer: 2000
                });

            },2000)

        }
*/


</script>



</body>
</html>